<extend name="Public:base" />
<block name="content">
<!-- START PRIMARY SECTION -->
<div id="primary" class="inner group">
   <div id="slogan" class="inner">
      <h1>{$type_name}</h1>
   </div>
   <div class="layout-sidebar-no group">
      <!-- START CONTENT -->
      <div id="content" role="main" class="group">
         <div id="post-624" class="post-624 page type-page status-publish hentry group">
            <h3></h3>
            <ul class="products">
            <foreach name="list" item="v">
               <li class="product border shadow last-row" style="margin-top:20px">
                  <a href="/home/goods/detail/index/id/{$v['id']}">
                     <div class="thumbnail">
                        <img width="150" height="150" src="{$v['zpic']}" class="attachment-shop_small wp-post-image" alt="ktichen2" title="ktichen2" />              
                        <div class="thumb-shadow"></div>
                        <strong class="below-thumb">{$v['goods_name']}</strong>
                     </div>
                     <span class="price">&#36;{$v['goods_price']}.00</span>     
                  </a>
                  <div class="buttons">
                     <a href="/home/goods/detail/index/id/{$v['id']}" class="details">DETAILS</a>&nbsp;<a href="#" info="{$v.id}" class="add-to-cart">ADD TO CART</a>
                  </div>
               </li>
            </foreach>
            </ul>

            <div class="clear"></div>
            
            <div class="clear space"></div>
            
         </div>
         <div id="comments">
            <!--<p class="nocomments">&nbsp;</p>-->
         </div>
         <!-- #comments -->
      </div>
      <!-- END CONTENT -->
      <!-- START SIDEBAR -->
      <!-- END SIDEBAR -->    
   </div>
   <!-- START EXTRA CONTENT -->
   <!-- END EXTRA CONTENT -->    
</div>
    <!-- END PRIMARY SECTION -->
    <script type="text/javascript">
    $(function(){
    	$('.products').each(function(){
    		$(this).find('li').each(function(i){
    			if(i%5==0){
    				$(this).attr('class','product border shadow first last-row');
    			}
    			if(i%5==4){
    				$(this).attr('class','product border shadow last last-row');
    			}
    		});
    	});
    });
    </script>
</block>
